

.btn{
  @include transition(all .2s linear);
}

.btn-default{
  &:hover,&:focus{
    color: #FFF;
    background-color: $gray-base;
    border-color: $gray-base;;
  }
}
.btn-primary{
  &:hover,&:focus{
    color: #FFF;
    border-color:  $btn-primary-color;
    background-color: $btn-primary-color;
  }
}

.btn-info{
  &:hover,&:focus{
    color: #FFF;
    border-color:  $btn-info-color;
    background-color: $btn-info-color;
  }
}

.btn-success{
  &:hover,&:focus{
    color: #FFF;
    border-color:  $btn-success-color;
    background-color: $btn-success-color;
  }
}

.btn-danger{
  &:hover,&:focus{
    color: #FFF;
    border-color:  $btn-danger-color;
    background-color: $btn-danger-color;
  }
}

.btn-warning{
  &:hover,&:focus{
    color: #FFF;
    border-color:  $btn-warning-color;
    background-color: $btn-warning-color;
    
  }
}

// .btn-default{
//   background-color: transparent;
//   &:hover{
//     background-color: $brand-primary;
//     color: white;
//     border-color: $brand-primary;
//   }
// }

